<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>list</title>
<meta name="keywords" content="">
<meta name="description" content="">
	<link rel="stylesheet" type="text/css" th:href="@{/chat/css/bootstrap.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/chat/css/nprogress.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/chat/css/style.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/chat/css/font-awesome.min.css}">
	<link rel="apple-touch-icon-precomposed" th:href="@{/chat/images/icon.png}">
	<link rel="shortcut icon" th:href="@{/chat/images/favicon.ico}">
	<script th:src="@{/chat/js/jquery-2.1.4.min.js}"></script>
	<script th:src="@{/chat/js/nprogress.js}"></script>
	<script th:src="@{/chat/js/jquery.lazyload.min.js}"></script>
<!--[if gte IE 9]>
	<script th:src="@{/chat/js/jquery-1.11.1.min.js}" type="text/javascript"></script>
	<script th:src="@{/chat/js/html5shiv.min.js}" type="text/javascript"></script>
	<script th:src="@{/chat/js/respond.min.js}" type="text/javascript"></script>
	<script th:src="@{/chat/js/selectivizr-min.js}" type="text/javascript"></script>
<![endif]-->
<!--[if lt IE 9]>
<script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
</head>
<body class="user-select">
<header class="header">
<nav class="navbar navbar-default" id="navbar">
<div class="container">
  <div class="navbar-header">
	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
	<h1 class="logo hvr-bounce-in"><a href="#" title="木庄网络博客"><img src="images/201610171329086541.png" alt="木庄网络博客"></a></h1>
  </div>
  <div class="collapse navbar-collapse" id="header-navbar">
	<form class="navbar-form visible-xs" action="/Search" method="post">
	  <div class="input-group">
		<input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20" autocomplete="off">
		<span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span> </div>
	</form>
	  <ul class="nav navbar-nav navbar-right">
		  <li>
			  <a data-cont="首页" title="首页" th:href="@{/chathome}">首页</a>
		  </li>
		  <li>
			  <a data-cont="全部chat" title="全部chat" th:href="@{/list}">全部chat</a>
		  </li>
		  <li>
			  <a data-cont="我要发布" title="我要发布" th:href="@{/createchat}">我要发布</a>
		  </li>
		  <li>
			  <a data-cont="我要写作" title="我要写作" th:href="@{/chatlist}">我要写作</a>
		  </li>
		  <li>
			  <a data-cont="我的订购" title="我的订购" th:href="@{/chatreservelist}">我的订购</a>
		  </li>
		  <li>
			  <a data-cont="我的交流" title="我的交流" th:href="@{/chateassylist}">我的交流</a>
		  </li>
		  <li>
			  <a href="javascript:;">小明</a>
		  </li>
	  </ul>
  </div>
</div>
</nav>
</header>
<section class="container">
<div class="content-wrap">
<div class="content">
  <div class="title">
	<h3 style="line-height: 1.3">全部chat</h3>
  </div>
	<div class="widget widget_search">
		<form class="navbar-form" action="#" th:action="@{/list}" method="post">
			<div class="input-group">
				<input type="text" name="keyword" class="form-control" size="105" placeholder="请输入关键字" maxlength="45" autocomplete="off">
				<span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span> </div>
		</form>
	</div>
	<tr th:each="chat:${list}">
		<article class="excerpt excerpt-1" style="">

			<a class="focus" href="#" th:href="@{/chatinfo(id=${chat.id})}" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank"><img class="thumb" th:src="@{'image/'+${chat.pichat}}" src="chat/images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: inline;"></a>
			<header>
				<h2><a href="#" th:href="@{/chatinfo(id=${chat.id})}" th:text="${chat.name}" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank" >用DTcms做一个独立博客网站（响应式模板）</a>
				</h2>
			</header>
			<p class="meta">
				<i class="glyphicon glyphicon-time"></i> <time class="time" th:text="${chat.createtime}">2016-10-14</time>
				<i class="glyphicon glyphicon-eye-open"></i><span class="views" th:text="${chat.browse}"> 216</span>
			</p>
			<p class="note" th:text="${chat.brief}">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>

		</article>
	</tr>
	<nav class="pagination" style="display: none;">
		<ul>
			<li class="prev-page"></li>
			<li class="active"><span>1</span></li>
			<li class="next-page">
				<a th:href="${currentPage}" }>下一页</a>
			</li>
			<li><span>共 2 页</span></li>
		</ul>
	</nav>
	</nav>
</div>
</div>
<aside class="sidebar">
<div class="fixed">
  <div class="widget widget_sentence">
	<h3>标签云</h3>
	<div class="widget-sentence-content">
		<ul class="plinks ptags">                
			<li><a href="#list/67/" th:href="@{/list(keyword='1')}"  title="移动统计" draggable="false">移动统计 </a></li>
			<li><a href="#list/256/" th:href="@{/list(keyword='1')}" title="404" draggable="false">404 </a></li>
			<li><a href="#list/252/" th:href="@{/list(keyword='1')}" title="VS2010" draggable="false">VS2010 </a></li>
			<li><a href="#list/162/" th:href="@{/list(keyword='1')}" title="杀毒软件" draggable="false">杀毒软件</a></li>
			<li><a href="#list/133/" th:href="@{/list(keyword='1')}" title="html标签" draggable="false">html标签</a></li>
			<li><a href="#list/49/" th:href="@{/list(keyword='1')}" title="循环" draggable="false">循环 </a></li>
			<li><a href="#list/22/" th:href="@{/list(keyword='1')}" title="百度统计" draggable="false">百度统计 </a></li>
			<li><a href="#list/132/" th:href="@{/list(keyword='1')}" title="sql" draggable="false">sql </a></li>
		</ul>
	</div>
  </div>
</div>
	<div class="widget widget_hot">
		<h3>最新评论文章</h3>
		<tr th:each="chat:${newlist}">
			<ul>
				<li>
					<a th:href="@{/chatinfo(id=${chat.id})}" title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img th:href="@{/chatinfo(id=${chat.id})}" class="thumb" th:src="@{'image/'+${chat.pichat}}" src="chat/images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
			</span><span class="text" th:text="${chat.name}">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted" th:text="${#dates.format(chat.createtime, 'yyyy-MM-dd hh:mm:ss')}"><i class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open" th:text="${chat.browse}"></i></span></a>
				</li>
			</ul>
		</tr>
	</div>
</aside>
</section>
<footer class="footer">
	<div class="container">
		<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
	</div>
	<div id="gotop"><a class="gotop"></a></div>
</footer>
<script src="chat/js/bootstrap.min.js"></script>
<script src="chat/js/jquery.ias.js"></script>
<script src="chat/js/scripts.js"></script>
</body>
</html>
